<!DOCTYPE html>
<html lang="en">
    <head>
        <meta charset="utf-8">
        <meta http-equiv="X-UA-Compatible" content="IE=edge">
        <meta name="viewport" content="width=device-width,initial-scale=1.0">
        <meta name="keywords" content="前端kirk,前端kirk的博客,F-blog"/>
        <meta name="description" content="前端kirk的个人博客网站，分享技术，相互学习。（it技术的探索者）"/>
        <link rel="icon" href="<%= BASE_URL %>favicon.ico">
        <title>Kirk</title>
        <script src="/util/rem.js"></script>
        <link rel="stylesheet" href="/util/animate.css"></link>
    </head>
    <body>
        <noscript>
            <strong>We're sorry but kblog doesn't work properly without JavaScript enabled. Please enable it to continue.</strong>
        </noscript>
        <div id="app">
             <!--vue-ssr-outlet-->
        </div>
    </body>
    <script>
        window._bd_share_config = {
            "common": {
                "bdSnsKey": {},
                "bdText": "",
                "bdMini": "2",
                "bdMiniList": [
                    "qzone",
                    "tsina",
                    "weixin",
                    "tqq",
                    "tieba",
                    "sqq",
                    "isohu",
                    "fbook",
                    "twi",
                    "copy"
                ],
                "bdPic": "",
                "bdStyle": "0",
                "bdSize": "16"
            },
            "slide": {
                "type": "slide",
                "bdImg": "2",
                "bdPos": "left",
                "bdTop": "110.39999389648438"
            }
        };
        with (document) 
            0 [(getElementsByTagName('head')[0] || body).appendChild(createElement('script')).src = 'http://bdimg.share.baidu.com/static/api/js/share.js?v=89860593.js?cdnversion=' + ~ (-new Date() / 36e5)];
    </script>
    <script>
        !function (e, t, a) {
            function n() {
                c(".heart{width: 10px;height: 10px;position: fixed;background: #f00;transform: rotate(45deg);-webkit-transform: rotate(45deg);-moz-transform: rotate(45deg);}.heart:after,.heart:before{content: '';width: inherit;height: inherit;background: inherit;border-radius: 50%;-webkit-border-radius: 50%;-moz-border-radius: 50%;position: fixed;}.heart:after{top: -5px;}.heart:before{left: -5px;}"),
                o(),
                r()
            }
            function r() {
                for (var e = 0; e < d.length; e++) 
                    d[e].alpha <= 0 ? (t.body.removeChild(d[e].el), d.splice(e, 1)) : (d[e].y --, d[e].scale += .004, d[e].alpha -= .013, d[e].el.style.cssText = "left:" + d[e].x + "px;top:" + d[e].y + "px;opacity:" + d[e].alpha + ";transform:scale(" + d[e].scale + "," + d[e].scale + ") rotate(45deg);background:" + d[e].color + ";z-index:99999");
                


                requestAnimationFrame(r)
            }
            function o() {
                var t = "function" == typeof e.onclick && e.onclick;
                e.onclick = function (e) {
                    t && t(),
                    i(e)
                }
            }
            function i(e) {
                var a = t.createElement("div");
                a.className = "heart",
                d.push({
                    el: a,
                    x: e.clientX - 5,
                    y: e.clientY - 5,
                    scale: 1,
                    alpha: 1,
                    color: s()
                }),
                t.body.appendChild(a)
            }
            function c(e) {
                var a = t.createElement("style");
                a.type = "text/css";
                try {
                    a.appendChild(t.createTextNode(e))
                } catch (t) {
                    a.styleSheet.cssText = e
                }
                t.getElementsByTagName("head")[0].appendChild(a)
            }
            function s() {
                return "rgb(" + ~~ (255 * Math.random()) + "," + ~~ (255 * Math.random()) + "," + ~~ (255 * Math.random()) + ")"
            }
            var d = [];
            e.requestAnimationFrame = function () {
                return e.requestAnimationFrame || e.webkitRequestAnimationFrame || e.mozRequestAnimationFrame || e.oRequestAnimationFrame || e.msRequestAnimationFrame || function (e) {
                    setTimeout(e, 1e3 / 60)
                }
            }(),
            n()
        }(window, document);
    </script>

    <script>
        /**/
        function setClipboardText(event) {
            event.preventDefault();
            var node = document.createElement('div');
            node.appendChild(window.getSelection().getRangeAt(0).cloneContents());
            var htmlData = '<div>' + node.innerHTML + '<br/><br/>著作权归作者所有。<br/>' + '商业转载请联系作者获得授权，非商业转载请注明出处。<br/>' + '作者：前端kirk<br/>' + '来源：https://kirk958617.gitee.io/<br/><br/>' + '</div>';
            var textData = window.getSelection().getRangeAt(0) + '\n\n著作权归作者所有。\n' + '商业转载请联系作者获得授权，非商业转载请注明出处。\n' + '作者：前端kirk\n' + '来源：https://kirk958617.gitee.io/\n\n';
            if (event.clipboardData) {
                event.clipboardData.setData("text/html", htmlData);
                event.clipboardData.setData("text/plain", textData);
            } else if (window.clipboardData) {
                return window.clipboardData.setData("text", textData);
            }
        };

        document.addEventListener('copy', function (e) {
            setClipboardText(e);
        });
    </script>
    
    <% if(htmlWebpackPlugin.options.isProd){ %>
        <link rel="stylesheet" href="<%= BASE_URL %>cdn/element-ui/2.13.2/theme-chalk/index.css">
        <script src="<%= BASE_URL %>cdn/vue/2.6.10/vue.min.js" charset="utf-8"></script>
        <script src="<%= BASE_URL %>cdn/vuex/3.1.1/vuex.min.js" charset="utf-8"></script>
        <script src="<%= BASE_URL %>cdn/vue-router/3.0.1/vue-router.min.js" charset="utf-8"></script>
        <script src="<%= BASE_URL %>cdn/axios/1.0.0/axios.min.js" charset="utf-8"></script>
        <script src="<%= BASE_URL %>cdn/element-ui/2.13.2/index.js" charset="utf-8"></script>
    <% } %>
</html>
